/* $Id$ */

/* ====================================================================== <<<< Grids */

.container-12 .size-12, 
.container-16 .size-16 {
  width: 940px;
}
.size-1, .size-2, .size-3, .size-4, .size-5, .size-6, .size-7, .size-8, .size-9, .size-10, .size-11, .size-12, .size-13, .size-14, .size-15, .size-16 {
  display: inline;
  position: relative;
  float: left;
  margin: 0 10px;
}
.first {
  margin-left: 0;
}
.last {
  margin-right: 0;
}
.unique {
  margin: 0;
}

.line {
  clear: left;
  margin-bottom: 1em;/* A virer si nécessaire. Sert à séparer uniquement les lignes afin d'éviter la fusion des marges */
}

/****************** 16 columns ******************/

.container-16 .size-1 {
  width: 40px;/*6.25%*/
}
.container-16 .size-2 {
  width: 100px;/*12.5%*/
}
.container-16 .size-3 {
  width: 160px;/*18.75%*/
}
.container-16 .size-4 {
  width: 220px;/*25%*/
}
.container-16 .size-5 {
  width: 280px;/*31.25%*/
}
.container-16 .size-6 {
  width: 340px;/*37.5%*/
}
.container-16 .size-7 {
  width: 400px;/*43.75%*/
}
.container-16 .size-8 {
  width: 460px;/*50%*/
}
.container-16 .size-9 {
  width: 520px;/*56.25%*/
}
.container-16 .size-10 {
  width: 580px;/*62.5%*/
}
.container-16 .size-11 {
  width: 640px;/*68.75%*/
}
.container-16 .size-12 {
  width: 700px;/*75%*/
}
.container-16 .size-13 {
  width: 760px;/*81.25%*/
}
.container-16 .size-14 {
  width: 820px;/*87.5%*/
}
.container-16 .size-15 {
  width: 880px;/*93.75%*/
}

/****************** 16 columns ******************/


/****************** 12 columns ******************/

.container-12 .size-1 {
  width: 60px;
}
.container-12 .size-2 {
  width: 140px;
}
.container-12 .size-3 {
  width: 220px;
}
.container-12 .size-4 {
  width: 300px;
}
.container-12 .size-5 {
  width: 380px;
}
.container-12 .size-6 {
  width: 460px;
}
.container-12 .size-7 {
  width: 540px;
}
.container-12 .size-8 {
  width: 620px;
}
.container-12 .size-9 {
  width: 700px;
}
.container-12 .size-10 {
  width: 780px;
}
.container-12 .size-11 {
  width: 860px;
}

/****************** 12 columns ******************/


/****************** 24 columns ******************/

.container-24 .size-1 {
  width: 20px;
}
.container-24 .size-2 {
  width: 60px;
}
.container-24 .size-3 {
  width: 100px;
}
.container-24 .size-4 {
  width: 140px;
}
.container-24 .size-5 {
  width: 180px;
}
.container-24 .size-6 {
  width: 220px;
}
.container-24 .size-7 {
  width: 260px;
}
.container-24 .size-8 {
  width: 300px;
}
.container-24 .size-9 {
  width: 340px;
}
.container-24 .size-10 {
  width: 380px;
}
.container-24 .size-11 {
  width: 420px;
}
.container-24 .size-12 {
  width: 460px;
}
.container-24 .size-13 {
  width: 500px;
}
.container-24 .size-14 {
  width: 540px;
}
.container-24 .size-15 {
  width: 580px;
}
.container-24 .size-16 {
  width: 620px;
}
.container-24 .size-17 {
  width: 660px;
}
.container-24 .size-18 {
  width: 700px;
}
.container-24 .size-19 {
  width: 740px;
}
.container-24 .size-20 {
  width: 780px;
}
.container-24 .size-21 {
  width: 820px;
}
.container-24 .size-22 {
  width: 860px;
}
.container-24 .size-23 {
  width: 900px;
}
.container-24 .size-24 {
  width: 940px;
}

/****************** 24 columns ******************/

/* Extend grids with 2,3,4,5,6,8,10,20,... columns */

/* ====================================================================== >>>> Grids */
